.cinema-container{
    .head{
        background: #f5f5f5;
        height: .44rem;
        display: flex;
        align-items: center;
        @include border(0 0 1px 0, #c8c7cc);
        .city{
            color: #666;
            font-size: .15rem;
            padding-left: .15rem;
            display: flex;
            line-height: .44rem;
            text-align: center;
        }
        .input{
            flex: 1;
            background: #fff;
            height: .28rem;
            font-size: .15rem;
            color: #b2b2b2;
            margin-left: .15rem;
            text-align: center;
            border: .005rem solid #e6e6e6;
            border-radius: .05rem;
            margin-right: .15rem;
            span{
                font-size: .13rem;
                color: #b2b2b2;
                line-height: .13rem;
            }
            .yo-ico{
                width: .14rem;
                height: .14rem;
                margin-left: .03rem;
                margin-right    : .03rem;
            }
        }
    }
    .nav-warp{
        display: flex;
        background: #fff;
        height: .4rem;
        align-items: center;
        color: #777;
        font-size: .14rem;
        div{
            flex: 1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: .13rem;
            text-align: center;
        }
        span{
            color: #777;
            height: .20rem;
            @include border(0 1px 0 0, #c8c7cc);
        }
    }
    .item{
        height: .99rem;
        background: #fff;
        position: relative;
        overflow: hidden;
        .title-block{
            @include border(1px 0 0 0, #c8c7cc);
            padding: .13rem .15rem .13rem 0;
            margin-left: .15rem;
            .title{
                height: .23rem;
                line-height: .23rem;
                font-size: .16rem;
                color: #000;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                .price-block{
                    padding: .09rem 0 0 .03rem;
                    .price{
                        color: #f03d37;
                        font-size: .18rem;
                    }
                    span{
                        color: #f03d37;
                        font-size: .11rem;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        white-space: nowrap;
                    }
                }
            }
            .location-block{
                margin-top: .06rem;
                font-size: .13rem;
                color: #666;
                line-height: 1.5;
                display: flex;
                .flex{
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    flex: 1;
                }
                .distance{
                    margin-left: .05rem;
                }
            }
            .label-block{
                height: .17rem;
                line-height: .17rem;
                margin:.04rem 0;
                div{
                    display: inline-block;
                    border: 1px solid #589daf;
                    border-radius: 2px;
                    color: #589daf;
                    padding: 0 .03rem;
                    font-size: .04rem;
                    height: .15rem;
                    line-height: .15rem;
                }
                .vipTag,.snack{
                    color: #f90;
                    border: 1px solid #f90;
                }
            }
        }
    }
}